<!DOCTYPE html>
<!-- saved from url=(0050)http://getbootstrap.com/examples/starter-template/ -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<link rel="shortcut icon" href="">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<meta charset="utf-8" content="width=device-width, initial-scale=1.0">
<title>Rasende Roboter</title>

<!-- Bootstrap core CSS -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />

<!-- Custom styles for this template -->
<link href="../bootstrap/css/starter-template.css" rel="stylesheet">

<link rel="shortcut icon" href="images/robot_red.png">
</head>
<body style="" onload="init()">


	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/">Rasende Roboter</a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="/">Home</a></li>
					<li><a href="about.html">About</a></li>
					<li><a href="contact.html">Contact</a></li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>



	<div class="container">
		<div class="starter-template">
			<p class="lead"></p>
			</br> <img src="images/imagetitre.png" class="img-rounded img-responsive"
				style="display: block; margin-left: auto; margin-right: auto">
			<h4 class="text-muted" style="text-align: center">Bienvenue sur
				Rasende Roboter, le jeu de robots en ligne</h4>
			<p class="lead"></p>
		</div>

	</div>


	<div class="container">
		<div class="container-fluid well">
			<h3>Renseigne ton nom de joueur ! <small>(obligatoire)</small></h3>
			<form method="post" action="" id="nouvellePartie"
				class="form-horizontale">
				<div class="form-group">
					<label for="name2" class="col-sm-2 control-label"
						style="margin-top: 1%; text-align: center"><i
						class="glyphicon glyphicon-user" style="vertical-align: middle"></i></label>
					<div class="col-sm-10" style="margin-top: 1%">
						<input type="text" class="form-control" name="login" id="login"
							autofocus required placeholder="Nom du joueur">
					</div>
				</div>

				<div class="container">
					<p></p>
					</br>
					<p></p>
					</br>
				</div>
		</div>

	</div>

	<div class="container">
		<div class="col-md-6 well">
			<h3>
				Nouvelle partie</br>
			</h3>
			<div class="form-group">
				<label for="name1" class="col-sm-2 control-label"
					style="margin-top: 1%; text-align: center"><i
					class="glyphicon glyphicon-tower" style="vertical-align: middle"></i></label>
				<div class="col-sm-10" style="margin-top: 1%">
					<input type="text" class="form-control" name="idGame" id="idGame"
						autofocus required placeholder="Nom de la partie">
				</div>
			</div>


			<div class="form-group divmarge">
				<div class="col-sm-offset-2 col-sm-10 divmarge"
					style="margin-top: 15px">
					<button type="submit" class="btn btn-primary">
						<i class="glyphicon glyphicon-ok"></i> Créer la partie
					</button>
				</div>
			</div>
		</div>

		<div class="col-md-6 well" style="min-height: 184px">
			<div class="row-fluid">
				<p class="lead"></p>
				<div class="container-fluid">
					<h3>
						Rejoindre une partie en cours :</br>
					</h3>

					<ul class="responsive" id="lesParties" style="padding-left: 0px" />
					</br>
				</div>
			</div>
		</div>
	</div>
	</form>

	<!--  
		<div class="container">
			<p></p>
			</br>
		</div>-->

	</div>


	<div class="container footer">
		<p class="pull-left">© M2 Miage</p>
		<p class="pull-right">
			<a href="/"><span class="glyphicon glyphicon-arrow-up"></span></a>
		</p>
	</div>


	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="js/login.js"></script>
	<script src="/js/jquery-2.0.3.min.js"></script>
	<script src="/socket.io/socket.io.js"></script>
	<script src="../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>